<!DOCTYPE html>
<html>
	<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <meta name="description" content="html 5 template">
        <title>{$forum.title}</title>
        <!-- Bootstrap core CSS -->
        <link href="__INDEX__/assets/css/plugins/bootstrap.min.css" rel="stylesheet">
        <link href="__INDEX__/assets/css/main-style.css" rel="stylesheet">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> 
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
        <!-- Icon Font-->
        <link href="__INDEX__/iconfont/style.css" rel="stylesheet">
    </head>
	<body >
		<header class="site-header" id="home">
        </header>
        <main id="page-content">
			<div style="overflow: hidden; width: 100%; height: 200px;">
                <img src="{$forum.speaker_picture_url}" width="100%" alt="" style="width: 100%;" /> 
            </div>
            <div class="title_box" style="border-radius:5px; position: relative; top:-30px; width: 85%; background-color: #fff; border: 1px #e5e5e5 solid; margin: 0 auto;box-shadow: 0px 2px 20px #999;-moz-box-shadow: 0px 2px 20px #999;">
                <div class="title" style="padding: 15px 15px; font-weight: bold; font-size: 16px; text-align: center;color:#333">{$forum.title}
                </div>
            </div>
            <div class="author-box" style="position: relative; top:-20px; font-size: 14px; padding: 0 30px;">
                <div class="author" style="font-size: 14px;">{$forum.speaker_name}<br>{$forum.occupation}</div>
            </div>
            <div class="detail-box" style="padding: 10px 10px; font-size: 16px; line-height: 26px;">
                {$synopsis}
            </div>
		</main>
        <script src="__INDEX__/assets/js/jquery.1.12.4.min.js"></script>
        <script src="__INDEX__/assets/js/plugins/bootstrap.min.js"></script>
        <script src="__INDEX__/assets/js/html5media.min.js"></script>
    </body>
</html>





      